<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>表单验证</title>
	<link rel="stylesheet" href="http://www.bhu.ac.cn/css/css.css">
	<style type="text/css">
	    span{color:red;}
	</style>
</head>
<body>
<form action="">
	<div class="name">判断文本是否输入：
		<label for="name">名称：</label>
		<input id="name" type="text" placeholder="请输入您的名称" maxlength="10">
		<span class="ne">请输入内容！</span>
	</div>	
</form> 
</body>
<script src="http://www.bhu.ac.cn/js/jquery.1.8.3.js" type="text/javascript"></script><script type="text/javascript">
	$(document).ready(function (argument) {
		// 名称栏目
		$('#name').bind('input propertychange', function() {
			if ($(this).val().length<1) {
				$(".ne").html('请输入内容！');
			} else {
				$(".ne").html('你还可以输入'+(10-$(this).val().length)+'个字符');
			}
		});

	})
</script>
</html>